<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./js/layui/layui.js"></script>
		<link rel="stylesheet" href="js/layui/css/layui.css"/>
	</head>
	<body>
		 

		   

		  <div class="layui-row">
		    <div class="layui-col-xs12 layui-col-sm6 layui-col-md6 layui-col-md-offset3" >
		     
				<div class="mian" style="width: 800px;height: 500px;border: 1px solid red;display: flex;">
					<div style="width: 50%;height: 50%;border: 1px solid blue;">
						
					</div>
					<div style="width: 50%;height: 50%;border: 1px solid blue;">
						
					</div>
				</div>
		    </div>
		   <div class="layui-col-xs8 layui-col-sm8 layui-col-md6 layui-col-md-offset3" style="background-color: red;height: 200px;">
		     
		   </div>
		  

		  </div>

	</body>
</html>
